<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title><?php echo $pageTitle?></title>
	<link href="<?php echo base_url();?>sknimg/css/userarea.css" rel="stylesheet" type="text/css" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="shortcut icon" type="image/x-icon" href="<?php echo base_url();?>sknimg/img/isee.ico" />


	<script type='text/javascript' src="<?php echo base_url();?>sknimg/js/<?php echo $js1?>"></script>
	<script type='text/javascript' src="<?php echo base_url();?>sknimg/js/<?php echo $js2?>"></script>
    <script type='text/javascript' src="<?php echo base_url();?>sknimg/js/<?php echo $js3?>"></script>
    <script type='text/javascript' src="<?php echo base_url();?>sknimg/js/jquery-1.4.2.js"></script>
    <script type='text/javascript' src="<?php echo base_url();?>sknimg/js/jquery-ui-1.8.1.custom.min.js"></script>
  
	<link type="text/css" href="<?php echo base_url();?>sknimg/css/js-ui-css/ui-lightness/jquery-ui-1.8.1.custom.css" rel="stylesheet" />
	 <style type="text/css">

/* Page styles */

h1,h2,h3,p,td,quote,small,form,input,li,ol,label{
	margin:0;
	padding:0;
}

/* Form & timeline styles */

#twitter-container{
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;

	border:6px solid #f5f5f5;

	padding:10px;

	font-size:11px;
	font-family:'Lucida Grande',sans-serif;
	color:#333333;
}

label{
	font-size:20px;
	display:block;
}

.counter{
	color:#CCCCCC;
	float:right;
	font-family:Georgia,serif;
	font-size:32px;
	font-weight:bold;
	height:40px;
	overflow:hidden;
}

textarea{
	width:594px;
	height:38px;
	margin:5px 0 10px 0;

	border:1px solid #AAAAAA;
	padding: 4px 2px;

	font-family:'Lucida Grande',sans-serif;
	overflow:auto;
	font-size:14px;
}

.clear{
	clear:both;
}

.submitButton{
	color:#666666;
	font-size:14px;
	height:32px;
	width:115px;

	-moz-border-radius:6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;

	border:1px solid #cccccc;
	background:url(img/button_bg.gif) repeat-x #f5f5f5;

	cursor:pointer;
	float:right;
}

.submitButton:hover{
	background-position:bottom;
	border-color:#dddddd;
	color:#333333;
}

.inact,.inact:hover{
	background:#f5f5f5;
	border:1px solid #eeeeee;
	color:#aaaaaa;
	cursor:auto;
}

.latest{
	color: #666666;
}

ul.statuses{
	margin:10px 0;
	pading:0;
}

ul.statuses li {
	position:relative;
	border-bottom:1px dashed #D2DADA;
	padding:15px 15px 15px 10px;
	list-style:none;
	font-size:14px;
}

ul.statuses li:first-child{
	border-top:1px dashed #D2DADA;
}

ul.statuses li:hover {
	background-color:#F7F7F7;
}

h3.timeline{
	margin-top:20px;
	color:#999999;
	font-size:20px;
	font-weight:normal;
}

div.tweetTxt{
	overflow:hidden;
}

ul.statuses a img.avatarecho{
	float:left;
	margin-right:10px;
	border:1px solid #446600;
}
div.date{
	line-height:18px;
	font-size:12px;
	color:#999999;
}

li a, li a:visited {
	color:#007bc4;
	text-decoration:none;
	outline:none;
}

li a:hover{
	text-decoration:underline;
}


	</style>	
<script type='text/javascript'>
function getComment(post_id){
	$.ajax({
		type: "POST",
		url: "<?php echo base_url()?>engine/comment/getComment/"+post_id,
		dataType: "html",
		success: function(msg){
			$('#commentlist_'+post_id).html(msg);
		}

	});
}
</script>
</head>
<body>

		<div id="wraper">
			<div id="headeruser">
					<div class="logo"><a href="<?php echo base_url()?>dashboard"><img src="<?php echo base_url();?>sknimg/images/transp_user.png" border="0" /></div>
			<?php if($this->session->userdata('isLogin')):?>
			<!--<div class='whoLoggedIn' style="float:left">
				<a href="<?php echo base_url()?>profile/info/"><?php echo $nama?></a>
			</div>-->
			<?php endif;?>
				<div class="nav">
					<ul>
					<?php if($this->session->userdata('isLogin')):?>
						<li><a href="<?php echo base_url()?>dashboard">Dashboard</a></li>
						<li><a href="<?php echo base_url()?>home/logout"><b>Logout</b></a></li>
					<?php endif;?>
					</ul>					
				</div>	
			</div>
			<div class="skin">
				<div id="content">
					<div class="avatar">
						<div class="name"><a href="<?php echo base_url()?>profile/info/<?php echo $username?>"><?php echo $nama_prof?></a></div>
						
						
						<div class="picAvatar">
							<div id='photo'>
								<img width='200px' height='200px' src='<?php echo base_url()."sknimg/i-see-attr/avatar/".$avatar?>'></img>
							</div>	
						</div>
					</div>
					<div class="contentuser">
					<div id='content'>
					
						<div id="twitter-container">
						
							<h3 class="timeline">ECHO</h3>
							<ul class="statuses">
								<?php if($myEcho){?>
									<?php echo $myEchoMsg;?>
								<?php }?>
							</ul>
						</div>
					</div>
					
					</div>
				</div>
	
			<div class="cls"></div>
		</div>	
	
	<!--footer start -->
	<?php require_once('footer.php');?>
	
	<!--footer end -->
</div>		
</body>
</html>
